    /*
 * Copyright (c) 2012. The Energy Detective. All Rights Reserved
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

    body {
        text-align: center;
        font-size: 1em;
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #FFF;
        background: #000000 url(images/background.jpg) center top no-repeat;
    }

    .captionHeader {
        color: #FFFFFF;
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        text-align: center;
        font-size: 10pt;
        vertical-align: middle;
        color: #FFFFFF;

    }

    .mainBody {
        padding: 0px !important;
        margin: 0px !important;
    }

    .panelTitleText {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #FFF;
        text-align: center;
        font-size: 12pt;
        vertical-align: middle;
    }

    .panelInstructionText {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #FFF;
        text-align: center;
        font-size: 8pt;
        vertical-align: middle;
        width: 780px;
    }

    .panelText {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #FFF;
        text-align: left;
        font-size: 10pt;
        vertical-align: middle;
        width: 780px;
    }

    .formLabel {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #FFF;
        text-align: right;
        font-size: 10pt;
        vertical-align: middle;
        width: 100px;

    }

    .formLink {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: red;
        text-align: left;
        font-size: 10pt;
        vertical-align: middle;
        text-decoration: underline;
        width: 100px;
        cursor: pointer;
        cursor: hand;

    }


    .formField {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #000;
        text-align: left;
        font-size: 10pt;
        vertical-align: middle;
    }

    .formListBox {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #000;
        text-align: left;
        font-size: 9pt;
        vertical-align: middle;
    }

    .formError {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: red;
        text-align: right;
        font-size: 9pt;
        vertical-align: middle;
    }

    .formFieldError {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: red;
        text-align: left;
        font-size: 9pt;
        vertical-align: middle;
    }


    .formErrorCentered {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: red;
        text-align: center;
        font-size: 9pt;
        vertical-align: middle;
    }

    .formLabelLeft {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #FFF;
        text-align: left;
        font-size: 11pt;
        vertical-align: middle;
    }

    .gatewayListLabel {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #FFF;
        text-align: left;
        font-size: 9pt;
        vertical-align: middle;
    }

    .gridHeader {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #FFF;
        text-align: center;
        font-size: 8pt;
        vertical-align: middle;
    }

    .mtuTypeField {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        text-align: left;
        font-size: 10pt;
        vertical-align: middle;
        color: black;
        height: 18px;
    }

    .sideBarHeader {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #FFF;
        text-align: center;
        font-size: 10pt;
        vertical-align: middle;
    }

    .sideBarInstructions {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #FFF;
        text-align: center;
        font-size: 8pt;
        vertical-align: middle;
    }


    .sideBarLabel {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #FFF;
        text-align: right;
        font-size: 9pt;
        width:50px;
        vertical-align: middle;
    }

    .sideBarFormField {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #000;
        text-align: left;
        font-size: 9pt;
        width:100px;
        vertical-align: middle;
    }

    .graphTitle {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #fff;
        text-align: center;
        font-size: 16pt;
        width:800px;
        vertical-align: middle;
    }



    .joinHeaderText {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #d1d1d1;
        text-align: center;
        font-size: 8pt;
        vertical-align: middle;
    }


    .clickableRedLink {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        text-decoration: underline;
        color: red;
        text-align: left;
        font-size: 8pt;
        vertical-align: middle;
        cursor: pointer;
        cursor: hand;
    }

    .activateTitleText {

        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #d1d1d1;
        text-align: center;
        font-size: 16pt;
        vertical-align: middle;
    }

    .activateInfoText {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #d1d1d1;
        text-align: center;
        font-size: 12pt;
        vertical-align: middle;
    }


    .userSelectionPopup
    {
        cursor                       :    pointer;
        cursor                       :    hand;
        color:white;
        font-family : Helvetica, Verdana, Arial,  sans-serif;
        text-align:left;
        font-size:10pt;
        background: #3f3f3f;

    }

    .userSelectionPopup .item-selected
    {
        background: red;
    }



    .dashboardTabText {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #FFF;
        text-transform: uppercase;
        text-align: center;
        font-size: 10pt;
        vertical-align: middle;
        cursor: pointer;
        cursor: hand;

    }


    .menuText {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #7b7a7a;
        text-align: left;
        font-size: 10pt;
        vertical-align: top;
        cursor: pointer;
        cursor: hand;

    }

    .menuTextSelected {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #e70035;
        text-align: left;
        font-size: 10pt;
        vertical-align: top;
        cursor: pointer;
        cursor: hand;
    }


    .largeButtonTextStyle {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #FFF;
        font-weight: bolder;
        text-align: center;
        font-size: 12pt;
        vertical-align: middle;
        cursor: pointer;
        cursor: hand;

    }


    .smallButtonTextStyle {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #FFF;
        font-weight: bolder;
        text-align: center;
        font-size: 8pt;
        vertical-align: middle;
        cursor: pointer;
        cursor: hand;


    }

    .sideBarInstructionsLeft {
        font-family: Arial, Verdana, Trebuchet, sans-serif;
        color: #FFF;
        text-align: left;
        font-size: 8pt;
        vertical-align: middle;
    }

    .noOutline {
        outline : none;
    }

